/* 

Modify by Everblush Theme

Github:https://github.com/Everblush/vscode

*/

.code-header {
  background: #141b1e;
}
.code pre {
  width: 100%;
  max-height: 670px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #141b1e;
  box-sizing: border-box;
  overflow: auto;
  margin: 0;
  line-height: 1.5;
}
#code {
  padding: 10px;
  padding-top: 0;
  font-size: 18px !important;
  font-family: "fira-code";
  word-break: break-all !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  color: #bdc3c2 !important;
}

.token.block-comment {
  color: #4d5456 !important;
  font-style: italic;
}

.token.method {
  color: #e57474 !important;
}
.token.block-comment span {
  color: #4d5456 !important;
  font-style: italic;
}
.token.cdata {
  color: #c792ea;
}
.token.comment {
  color: #4d5456 !important;
  font-style: italic;
}
.token.comment span {
  color: #4d5456 !important;
  font-style: italic;
}
.token.property-access {
  color: #67b0e8;
}
.token.control-flow {
  color: #e5c76b !important;
}
.token.maybe-class-name {
  color: #67b0e8;
}
.token.doctype {
  color: #67b0e8;
}
.token.doctype-tag {
  color: #67b0e8;
}
.token.null {
  color: #8ad8d1 !important;
}
.token.prolog {
  color: #c792ea;
}
.token.punctuation {
  color: #ffd700;
}
.token.attr-name {
  color: #67b0e8;
}
.token.attr-value {
  color: #6bc568;
}
.token.deleted {
  color: #67b0e8;
}
.token.namespace {
  color: #c792ea;
}
.token.tag {
  color: #67b0e8;
}
.token.function-name {
  color: #e57474;
}
.token.boolean {
  color: #8ad8d1;
}
.token.literal-property {
}
.token.module {
  color: #e5c76b !important;
}
.token.unit {
  color: #f78c6c;
}
.token.function-variable {
  color: #e57474;
}
.token.function {
  color: #e57474;
}
.token.number {
  color: #f78c6c;
}
.token.class {
  color: #67b0e8;
}
.token.color {
  color: #e5c76b;
}
.token.class-name {
  color: #e5c76b;
}
.token.constant {
  color: #82aaff;
}
.token.property {
  color: #e5c76b;
}
.token.symbol {
  color: #80cbc4;
}
.token.imports {
  color: #67b0e8;
}
.token.atrule {
  color: #80cbc4;
}
.token.builtin {
  color: #82aaff;
}

.token.keyword {
  color: #ce89df;
}
.token.selector {
  color: #82aaff !important;
}
.token.selector span {
  color: #82aaff !important;
}

.token.char {
  color: #82aaff;
}
.token.regex-source {
  color: #82aaff;
}
.token.regex-flags {
  color: #f78c6c;
}
.token.regex {
  color: #e5c76b;
}
.token.string {
  color: #6bc568;
}
.token.parameter {
  color: #8ad8d1;
}
.token.variable {
  color: #dadada;
}
.token.entity {
}
.token.operator {
  color: #ce89df;
}
.token.url {
}
.token.bold {
}
.token.console {
  color: #67b0e8 !important;
}
.token.important {
  color: #8ad8d1;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
.token.inserted {
  color: green;
}
span.inline-color-wrapper {
  background: url();
  background-position: center;
  background-size: 110%;
  display: inline-block;
  height: 1.333ch;
  width: 1.333ch;
  margin: 0 0.333ch;
  box-sizing: border-box;
  border: 1px solid #fff;
  outline: 1px solid rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
span.inline-color {
  display: block;
  height: 120%;
  width: 120%;
}
